<template>
	<div>
		<Menu/>
		<Head/>
		<div class="company_detail_main">
			<div class="company_detail_pro">
				<h3>&nbsp;</h3>
				<h3 style="text-align:center">{{datail.Stock_name}}公司介绍</h3>
				<h3>&nbsp;</h3>
				<div class="company_detail_pro_info">
					<table>
						<tr>
							<td class="tab_detail"> &nbsp; 公司名称</td>
							<td> &nbsp; {{datail.Institutions_name}}</td>
							<td class="tab_detail"> &nbsp; 英文名称</td>
							<td> &nbsp; {{datail.En_institutions_name}}</td>
						</tr>
						<tr style="background: #F2F6FC;">
							<td class="tab_detail"> &nbsp; 证券名称</td>
							<td> &nbsp; {{datail.Stock_name}}</td>
							<td class="tab_detail"> &nbsp; 证券编码</td>
							<td> &nbsp; {{datail.Jys}}.{{datail.Stockcode}}</td>
						</tr>
						<tr>
							<td class="tab_detail"> &nbsp; 曾用简称</td>
							<td> &nbsp; {{datail.Once_stock_name}}</td>
							<td class="tab_detail"> &nbsp; 关联证券</td>
							<td> &nbsp; {{datail.Relevance_stock}}</td>
						</tr>
						<tr style="background: #F2F6FC;">
							<td class="tab_detail"> &nbsp; 所属市场</td>
							<td> &nbsp; {{datail.Jys == 'sh' ? '上交所' : '深交所'}}</td>
							<td class="tab_detail"> &nbsp; 所属行业</td>
							<td> &nbsp; {{datail.Institutions_industry}}</td>
						</tr>
						<tr>
							<td class="tab_detail"> &nbsp; 成立日期</td>
							<td> &nbsp; {{datail.Create_time}}</td>
							<td class="tab_detail"> &nbsp; 上市日期</td>
							<td> &nbsp; {{datail.Come_market_time}}</td>
						</tr>
						<tr style="background: #F2F6FC;">
							<td class="tab_detail"> &nbsp; 法人代表</td>
							<td> &nbsp; {{datail.Legal_person}}</td>
							<td class="tab_detail"> &nbsp; 总经理</td>
							<td> &nbsp; {{datail.Manager}}</td>
						</tr>
						<tr>
							<td class="tab_detail"> &nbsp; 公司董秘</td>
							<td> &nbsp; {{datail.Secretary_to_board}}</td>
							<td class="tab_detail"> &nbsp; 邮政编码</td>
							<td> &nbsp; {{datail.Postal_code}}</td>
						</tr>
						<tr style="background: #F2F6FC;">
							<td class="tab_detail"> &nbsp; 注册地址</td>
							<td> &nbsp; {{datail.Reg_address}}</td>
							<td class="tab_detail"> &nbsp; 办公地址</td>
							<td> &nbsp; {{datail.Address}}</td>
						</tr>
						<tr>
							<td class="tab_detail"> &nbsp; 联系电话</td>
							<td> &nbsp; {{datail.Phone}}</td>
							<td class="tab_detail"> &nbsp; 传真</td>
							<td> &nbsp; {{datail.Fax}}</td>
						</tr>
						<tr style="background: #F2F6FC;">
							<td class="tab_detail"> &nbsp; 官方网址</td>
							<td> &nbsp; {{datail.Website}}</td>
							<td class="tab_detail"> &nbsp; 电子邮箱</td>
							<td> &nbsp; {{datail.Email}}</td>
						</tr>
						<tr>
							<td class="tab_detail"> &nbsp; 总股本</td>
							<td> &nbsp; </td>
							<td class="tab_detail"> &nbsp; 流通股本</td>
							<td> &nbsp; </td>
						</tr>
						<tr>
							<td class="tab_detail"> &nbsp; 流动比率%</td>
							<td> &nbsp; </td>
							<td class="tab_detail"> &nbsp; 流通股本</td>
							<td> &nbsp; </td>
						</tr>
						<tr style="background: #F2F6FC;">
							<td class="tab_detail"> &nbsp; 质押比例</td>
							<td> &nbsp; </td>
							<td class="tab_detail"> &nbsp; 商誉</td>
							<td> &nbsp; </td>
						</tr>
						<tr>
							<td class="tab_detail"> &nbsp; 入选指数</td>
							<td> &nbsp; {{datail.Participate_index}}</td>
							<td class="tab_detail"> &nbsp; 主营业务</td>
							<td> &nbsp; {{datail.Business}}</td>
						</tr>
						<tr style="background: #F2F6FC;">
							<td class="tab_detail"> &nbsp; 经营范围</td>
							<td colspan="3">{{datail.Business_scope}}</td>
						</tr>
						<tr style="background: #F2F6FC;">
							<td class="tab_detail"> &nbsp; 机构简介</td>
							<td colspan="3">{{datail.Introduction}}</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import Menu from '../../components/Menu.vue'
	import Head from '../../components/Head.vue'
	export default {
		name:"CompanyDetailView",
		components:{
			Menu,
			Head,
		},
		data(){
			return {
				datail:''
			}
		},
		methods:{
			getCompanyDatail(){
				var thisInfo = this
				this.$axios.post('/api/v1/company/company_detail', {'id':this.$route.params.id}, {headers:{'Content-Type':'multipart/form-data; charset=utf-8', 'Accept':'*/*','Connection':'keep-alive'}}).then(function (response) {
					thisInfo.datail = response.data.data
				});
			},
		},
		mounted: function(){
			this.getCompanyDatail();
		}
	}
</script>
<style scoped>
	*{
		padding: 0;
		margin:0;
	}
	ul{
		list-style:none;
		display:flex;
		flex-wrap:wrap;
	}
	li{
		list-style-type:none;
		text-align: center;
	}
	table, td{
		border:1px solid #EBEEF5;
		border-spacing: 0;
		border-collapse: collapse;
		
	}
	td{
		width:320px;
		height: 50px;
	}
	.company_detail_main{
		float: left;
		width: 88%;
		height: 850px;
	}
	.company_detail_pro{
		float: left;
		margin-left: 5%;
		margin-top: 2%;
		width: 80%;
		border:1px solid #EAEAEA;
		height: 1000px;
	}
	.company_detail_pro_info{
		float: left;
		margin-left: 2%;
	}
	.tab_detail{
		font-family: ARIAL,"Microsoft Yahei","微软雅黑";
		font-weight: bold;
	}
</style>